<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="swiper.css">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="swiper.js"></script>
	<style type="text/css">
		
		.swiper-container {
		    width: 600px;
		    height: 300px;
		}  

	</style>
</head>
<body>
	<div class="swiper-container">
		<div class="swiper-wrapper">
	        <div class="swiper-slide">Slide 1</div>
	        <div class="swiper-slide">Slide 2</div>
	        <div class="swiper-slide">Slide 3</div>
	        <div class="swiper-slide">Slide 3</div>
	        <div class="swiper-slide">Slide 3</div>
	        <div class="swiper-slide">Slide 3</div>
	        <div class="swiper-slide">Slide 3</div>
	    </div>
	</div>

	<script type="text/javascript">
		
		var swiper = new Swiper('.swiper-container', {
	        slidesPerView: 5,
	        centeredSlides: false
	    });

	</script>
</body>
</html>